<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-file"></i>
				 <strong>产品分析</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>产品管理</li>
				 <li class="active">产品分析</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">产品分析</h4>
                 </div>
                 <div class="box-body">
                    <div class="form-inline">
                    <input  class="form-control" id="startDate" name="startDate"  th:value="${startDate}"  type="Date"/>
							<input class="form-control" id="endDate" name="endDate" th:value="${endDate}"  type="Date"/>
							<input class="form-control" type="text" id="key" name="key"  placeholder="Search...事由、备注"/>
							 <button  type="button" class="btn btn-info  search_btn">查询</button>
				 	</div>
                 </div>
				<div class="box box-body" style="width:100%; overflow-x:scroll;">
					<table id="dataTable2" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="1300px" align="center">
						<thead>
							<tr>
								<th width="20%">部门-片区
									<select id="orderArea" multiple="multiple" size="10" style="width:100%">
												  <optgroup label="销售处">
													<option th:each="SaleOrderArea:${SaleOrderAreas}" 
												    th:value="${SaleOrderArea.superiorArea}"
												  th:text="${SaleOrderArea.areaName}" th:selected="${SaleOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="成套处">
													<option th:each="CompleteOrderArea:${CompleteOrderAreas}" 
												    th:value="${CompleteOrderArea.superiorArea}"
												  th:text="${CompleteOrderArea.areaName}" th:selected="${CompleteOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="外贸处">
													<option th:each="ForeignOrderArea:${ForeignOrderAreas}" 
												    th:value="${ForeignOrderArea.superiorArea}"
												  th:text="${ForeignOrderArea.areaName}" th:selected="${ForeignOrderArea.isSelected}"></option>
												</optgroup> 
											</select>
								</th>
								<th width="20%">申请人
									<select multiple="multiple" class="form-control" id="applyUser" name="applyUser" >
					              			<!-- <option th:each="user:${allSuperiorMen}"
												th:text="${user.empLogin.name}"
												th:value="${user.empLogin.name}"
												 th:selected="${user.id.equals(personName)}"></option> -->
												 <option th:each="l:${p}" 
												    th:value="${l.empLogin.name}"
												  th:text="${l.empLogin.name}" th:selected="${l.isSelected}"></option>
			                         </select>
								</th>
								
								<th width="20%">费用类型
									<select multiple="multiple" class="form-control" id="type" name="type" >
					              			<!-- <option th:each="industryInfo:${industryInfos}"
											  th:text="${industryInfo.title}"
											  th:selected="${industryInfo.title.equals(industryInfo1)}"></option> -->
											  <option th:each="l:${l}" 
												    th:value="${l.title}"
												  th:text="${l.title}" th:selected="${l.isSelected}"></option>
			                         </select>
								</th>
								
								<!-- <th width="20%">合同号 
									<select multiple="multiple" class="form-control" id="zican" name="zican" >
				              			<option value="☆">☆</option>
									     <option value="☆☆">☆☆</option>
									     <option value="☆☆☆">☆☆☆</option>
									     <option value="☆☆☆☆">☆☆☆☆</option>
									     <option value="☆☆☆☆☆">☆☆☆☆☆</option>
			                         </select>
								</th> -->
							</tr>
						</thead>
						<tbody>
							<table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="1590px" align="center">
								<thead>
									<tr>
										<th width="5%">序号</th>
										 <th width="10%">申请人</th>
										 <th width="10%">种类</th>
										 <th width="10%">片区-部门</th>
										<th width="5%">金额</th>
										<th width="5%">申请日期</th>
										<th width="8%">事由</th>
										<th width="12%">备注</th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>
						</tbody>
					</table>
				</div>
				
			</div>
	  </section>  
	     <script th:src="@{/myMoneyTotal/myMoneyIndex.js}"></script> 
	 </div>
	
</body>
</html>